import React from 'react'
import { sty, g } from '../tool'
import { Button, PPT } from '../uikit'

let p1 = (
    <div>
        <div style={{ ...sty.imgBackground('https://images.pexels.com/photos/280216/pexels-photo-280216.jpeg?w=940&h=650&auto=compress&cs=tinysrgb')}}>
            <div style={{...sty.full(), ...sty.gradient(0, 'rgba(80,80,140,0.7)', 'rgba(80,80,140,0.7)')}}>ccc</div>    
            <div style={{ color: '#fff' }}>aa</div>
            <div style={{ color: '#fff' }}>aa</div>
        </div>
        <div>b888888b</div>
    </div>
)
let p2 = (
    <div>page2</div>
)
export default class App extends React.PureComponent {
    render() {
        return (
            <PPT>
                {p1}
                {p2}
                {p1}
                <div>page for</div>
            </PPT>
        )
    }
}
